.el-select {
  .el-input__inner {
    &:hover {
      border-color: @color-primary;
    }
    &:focus,
    &:active {
      box-shadow: none;
    }
    &::placeholder {
      color: @color-sup;
    }
  }
  .el-input {
    & > input {
      border-color: @color-border;
    }
    .el-select__caret {
      transform-origin: 50% 50%;
      width: 14px;
      &.el-icon-arrow-up {
        color: @color-sup;
      }
    }
    &.is-disabled {
      .el-input__inner {
        background: @color-light-gray;
        border: 1px solid @color-border;
        color: @color-sup;
      }
    }
    .el-input__suffix {
      right: 12px;
    }
  }

  .el-tag {
    background: @form-disabled-bg-color;
    border-radius: 12px;
    color: #666;
    padding-left: 7px;
    padding-right: 23px;
    min-width: 50px;
    position: relative;
    text-overflow: ellipsis;
    overflow: hidden;

    .el-tag__close.el-icon-close {
      &:before {
        font-size: @font-small;
      }
      position: absolute;
      background: transparent;
      color: @color-light-sup;
      right: 5px;
      top: 5px;
    }

    &:hover {
      .el-icon-close {
        color: @color-icon;
      }
    }
  }
}
.select-dropdown-nomargin {
  margin: 0 !important;
}
.select-dropdown-nomargin-inner {
  margin-top: 2px !important;
  .el-select-dropdown__item {
    font-size: @font-small;
  }
}
.el-select-dropdown {
  // padding-top: 1px;
  border-radius: 0;
  border: 0;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  &.el-popper[x-placement^="bottom"] {
    margin-top: 4px;
  }
  &.el-popper[x-placement^="top"] {
    margin-bottom: 4px;
  }
  .el-select-dropdown__list {
    padding: 0;
    .el-select-dropdown__item {
      padding-left: 16px;
      display: block;
      color: @color-summary;
      &.selected {
        color: #52b0fe;
        background-color: rgba(82, 176, 254, 0.1);
        // font-weight: 500;
      }
      &.hover {
        background-color: rgba(82, 176, 254, 0.1);
        color: @color-primary;
      }
      &.is-disabled {
        color: #c0c4cc;
      }
      &.is-disabled.hover {
        background-color: #fff;
      }
    }
  }
  .popper__arrow {
    display: none;
  }

  &.is-multiple {
    max-width: 360px;
    .el-select-dropdown__item {
      padding: 0 40px;
      &.selected.hover {
        background-color: #f5fbfb;
      }
      &.selected {
        background: #fff;
        color: @color-primary;
        &:after {
          color: @color-primary;
          font-size: @font-small;
          right: 20px;
          font-weight: 400;
        }
      }
    }
  }
}
